<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>项目孵化</title>
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css"/>
    <link rel="stylesheet" href="../../person_home/css/mescroll.min.css"/>
    <link rel="stylesheet" href="css/bankroll.css"/>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>

<body>

<div id="header">
    <div id="top">
        <div class="top_left"><a href="#" class="active" style="text-decoration: none">资源支持</a></div>
        <div class="top_right"><a href="#" style="text-decoration: none">项目加速</a></div>
    </div>
    <header>
        <!--资源支持导航-->
        <ul id="ul">
            <li>
                <a href="#" class="active" style="text-decoration: none" id="0" data-index="0">全部</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="700" data-index="1">投资方</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="800" data-index="2">投资咨询</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="100" data-index="3">设备</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="200" data-index="4">人力</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="300" data-index="5">制作</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="500" data-index="6">宣发</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="600" data-index="7">场地</a>
            </li>
            <li>
                <a href="#" style="text-decoration: none" id="900" data-index="8">团队</a>
            </li>


        </ul>
        <!--项目加速导航-->
        <ul id="caseUl">
            <li>
                <a href="#" class="active" style="text-decoration: none" data-id="0" data-index="0">全部</a>
            </li>
            <li>
                <a href="#" data-id="100" data-index="1">招标</a>
            </li>
            <li>
                <a href="#" data-id="200" data-index="2">众筹</a>
            </li>
        </ul>
    </header>
</div>

<section>
    <!--资源支持-->
    <div id="action">
        <div class="mescroll" id="mescroll0">
            <ul id="dataList0" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll1">
            <ul id="dataList1" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll2">
            <ul id="dataList2" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll3">
            <ul id="dataList3" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll4">
            <ul id="dataList4" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll5">
            <ul id="dataList5" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll6">
            <ul id="dataList6" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll7">
            <ul id="dataList7" class="project_support data-list"></ul>
        </div>
        <div class="mescroll hide" id="mescroll8">
            <ul id="dataList8" class="project_support data-list"></ul>
        </div>
    </div>
    <!--用于适配iPhone X底部-->
    <div class="footer_position"></div>
    <!--项目加速-->
    <div id="case">
        <div class="mescroll" id="scroll0">
            <ul id="List0" class="project_finance data-list">
                <!--<li>-->
                <!--<div>-->
                <!--<div class="img">-->
                <!--<img src="" alt="图便宜"/>-->
                <!--</div>-->
                <!--<div class="info">-->
                <!--<p class="tit">-->
                <!--<span class="titName">中国美</span>-->
                <!--<span>招标</span>-->
                <!--</p>-->

                <!--<p class="describe">-->
                <!--《雷神》的故事发生在现金的地球以及艾斯卡的奇幻世界。故事的止呕更新任务是大四-->
                <!--</p>-->

                <!--<p class="type">-->
                <!--<span>发起主体：企业</span>-->
                <!--<span class="btn">去提案</span>-->
                <!--</p>-->
                <!--</div>-->
                <!--</div>-->
                <!--</li>-->

            </ul>
        </div>
        <div class="mescroll hide" id="scroll1">
            <ul id="List1" class="project_finance data-list"></ul>
        </div>
        <div class="mescroll hide" id="scroll2">
            <ul id="List2" class="project_finance data-list"></ul>
        </div>
    </div>
    <!--用于适配iPhone X底部-->
    <div class="footer_position"></div>

</section>


<!--资源支持 条目-->
<script type="text/template" id="listTpl">
    {{each data.list as item i}}

    {{if item.source==200}} <!--人力-->
    <li data-id="{{item.goods_info.goods_id}}" data-targetid="{{item.source}}">
        <div class="leftImg">
            <img src="{{item.goods_info.goods_thumb}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.goods_info.goods_name}}</p>

                <p class="name">{{item.goods_info.category_info.cat_name?item.goods_info.category_info.cat_name:""}}</p>
            </div>

            <p class="star star{{i}}">
                <b></b>
                <b></b>
                <b></b>
                <b></b>
                <b></b>
            </p>

            <ul class="tag">
                {{if item.goods_info.goods_tag.length>0}}
                {{each item.goods_info.goods_tag as value index}}
                <li>{{value.name}}</li>
                {{/each}}
                {{/if}}
            </ul>
            <div class="oney">

                <span class="bbbbb">
                    <b>{{item.goods_info.shop_price}}</b>/{{item.goods_info.price_unit}}
                </span>

                <p class="address">已服务{{item.goods_info.lease_sum}}次</p>
            </div>
        </div>
    </li>

    {{else if item.source==100}} <!--设备-->
    <li data-id="{{item.goods_info.goods_id}}" data-targetid="{{item.source}}">
        <div class="leftImg">
            <img src="{{item.goods_info.goods_thumb}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.goods_info.goods_name}}</p>
                <p class="name">{{item.goods_info.category_info.cat_name?item.goods_info.category_info.cat_name:""}}</p>
            </div>

            <ul class="device_tag">
                {{each item.goods_info.goods_tag as value index}}
                <li>{{value.name}}</li>
                {{/each}}
            </ul>
            <div class="oney">
                <span class="bbbbb"><b>{{item.goods_info.shop_price}}</b>/{{item.goods_info.price_unit}}</span>

                <p class="address">{{item.goods_info.lease_sum}}人已租</p>
            </div>

        </div>
    </li>

    {{else if item.source==300}} <!--制作案例-->
    <li data-id="{{item.make_info.id}}" data-targetid="{{item.source}}">
        <div class="leftImg">
            <img src="{{item.make_info.img_ids}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.make_info.name}}</p>

                <p class="name">{{item.make_info.project_cate.cat_name}}</p>
            </div>
            <p class="des">{{item.make_info.recommend_reason}}</p>

            <div class="oney">
                <p class="oney_m">制作团队：<span>{{item.make_info.purpose_team_info.team_name?item.make_info.purpose_team_info.team_name:""}}</span></p>

                <p class="zanP">
                    <b class="zan b{{i}}" data-info="{{item.make_info.like_info}}" data-type="300"></b>
                    <span>{{item.make_info.like_numbers}}</span>
                </p>
            </div>
        </div>
    </li>

    {{else if item.source==500}} <!--宣发案例-->
    <li data-id="{{item.dispersion_info.id}}" data-targetid="{{item.source}}">
        <div class="leftImg">
            <img src="{{item.dispersion_info.img_ids}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.dispersion_info.name}}</p>

                <p class="name">{{item.dispersion_info.project_cate.cat_name}}</p>
            </div>
            <p class="des">{{item.dispersion_info.recommend_reason}}</p>

            <div class="oney">
                <p class="oney_m">制作团队：<span>{{item.dispersion_info.purpose_team_info.team_name?item.dispersion_info.purpose_team_info.team_name:""}}</span></p>

                <p class="zanP">
                    <b class="zan b{{i}}" data-info="{{item.dispersion_info.like_info}}"
                       data-type="500"></b>
                    <span>{{item.dispersion_info.like_numbers}}</span>
                </p>
            </div>
        </div>
    </li>
    {{else if item.source==600}} <!--场地-->
    <li data-id="{{item.goods_info.goods_id}}" data-targetid="{{item.source}}">
        <div class="leftImg">
            <img src="{{item.goods_info.goods_thumb}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.goods_info.goods_name}}</p>

                <p class="name">{{item.goods_info.category_info.cat_name?item.goods_info.category_info.cat_name:""}}</p>

            </div>
            <ul class="device_tag">
                {{each item.goods_info.goods_tag as value index}}
                <li>{{value.name}}</li>
                {{/each}}
            </ul>
            <div class="oney">

                <span class="bbbbb"><b>{{item.goods_info.shop_price}}</b>/{{item.goods_info.price_unit}}</span>

                <p class="address">{{item.goods_info.lease_sum}}人已租</p>
            </div>
        </div>
    </li>

    {{else if item.source==700}}<!--投资方-->
    <li data-id="{{item.incubator_info.id}}" data-targetid="{{item.source}}">
        <div class="leftImg">
            <img src="{{item.incubator_info.list_show_img}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.incubator_info.title_name}}</p>

                <p class="name">{{item.incubator_info.investor_type}}</p>

            </div>
            <p class="des">{{item.incubator_info.recommended_reason}}</p>

            <div class="oney">
                <p class="oney_m">{{item.incubator_info.investor_type}}</p>

                <p class="zanP">
                    <b class="zan  b{{i}}" data-info="{{item.incubator_info.like_info}}"
                       data-type="700"></b>
                    <span>{{item.incubator_info.like_numbers}}</span>
                </p>
            </div>
        </div>
    </li>

    {{else if item.source==800}} <!--投资咨询-->
    <li data-id="{{item.advisory_info.id}}" data-targetid="{{item.source}}">
        <div class="leftImg">
            <img src="{{item.advisory_info.list_show_img}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.advisory_info.title_name}}</p>

                <p class="name">{{item.advisory_info.investor_type}}</p>

            </div>
            <p class="des">{{item.advisory_info.recommended_reason}}</p>

            <div class="oney">
                <p class="oney_m">{{item.advisory_info.investor_type}}</p>

                <p class="zanP">
                    <b class="zan  b{{i}}" data-info="{{item.advisory_info.like_info}}" data-type="800"></b>
                    <span>{{item.advisory_info.like_numbers}}</span>
                </p>
            </div>
        </div>
    </li>

    {{else if item.source==900}} <!--团队-->
    <li data-id="{{item.team_info.team_id}}" data-targetid="{{item.team_info.case_type}}" >
        <div class="leftImg">
            <img src="{{item.team_info.list_show_img}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.team_info.title_name}}</p>

                <p class="name">{{item.team_info.team_info.team_name}}</p>

            </div>
            <p class="des">{{item.team_info.recommended_reason}}</p>

            <div class="oney">

                <p class="oney_m">团队类型：<span>{{item.team_info.cate_info.cat_name?item.team_info.cate_info.cat_name:""}}</span></p>

                <p class="zanP">
                    <b class="zan  b{{i}}" data-info="{{item.team_info.like_info}}" data-type="{{item.team_info.case_type}}"></b>
                    <span>{{item.team_info.like_numbers}}</span>
                </p>
            </div>
        </div>
    </li>

    {{/if}}
    {{/each}}
</script>

<!--项目加速 列表-->
<script type="text/template" id="datalistTpl">
    {{each data.list as value index}}
    <li id="{{value.id}}" data-id="{{value.fund_type}}">
        <div>
            <div class="img">
                <img src="{{value.img_ids}}" alt=""/>
            </div>
            <div class="info">
                <p class="tit">
                    <span class="titName">{{value.name}}</span>
                    <span>{{value.fund_type==100?"招标":"众筹"}}</span>
                </p>

                <p class="describe">
                    {{value.project_synopsis}}
                </p>

                <p class="type">
                    <span>发起主体：{{value.user_type==100?"个人":"企业"}}</span>

                    <span class="btn btn{{index}}" data-isclick="{{value.operation_status}}"
                          data-type="{{value.fund_type}}"></span>
                </p>
            </div>
        </div>
        {{if value.fund_type==200}}
        <p class="progress">
            <b class="progressWidth{{index}}"></b>
        </p>

        <p class="diffe">
            <span>众筹款项还差<b>{{value.current_residue}}</b>元</span>
            <span>总筹{{value.budget}}元</span>
        </p>
        {{/if}}
    </li>
    {{/each}}

</script>

<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/swiper-3.4.2.min.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/mescroll.min.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="js/bankroll.js"></script>
</body>
</html>